@backtop-prefix-cls: ~"@{css-prefix}backtop";

.@{backtop-prefix-cls}{
    position: fixed;
    background-color:#fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #409eff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .12);
    cursor: pointer;
    z-index: 5;
}

.haloe-fade-in-linear-enter-active,
.haloe-fade-in-linear-leave-active {
  transition: opacity @transition-time linear
}
.haloe-fade-in-linear-enter-from,
.haloe-fade-in-linear-leave-to {
  opacity: 0;
}

.haloe-fade-in-enter-active,
.haloe-fade-in-leave-active {
  transition: all @animation-time cubic-bezier(0.55, 0, 0.1, 1);
}
.haloe-fade-in-enter-from,
.haloe-fade-in-leave-active {
  opacity: 0;
}